<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

</head>
<body>
<div id="app">
	<div class="" style="position: absolute;width:100%;" v-for="(item,idx) in homeDoctorInfo">
		<div>

			<div class="home-hot-doc-name">{{item.name}}</div>
			<div class="home-hot-doc-ks">{{item.tdepartmentsName}}</div>

		</div>

	</div>
</div>
</body>

<script src="public/js/lib/vue.js"></script>
<script src="public/js/lib/axios.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>


<script>
	var app = new Vue({
		el: '#app',
		data(){
			return{
				homeDoctorInfo: {},
			}

		},
		methods: {

		},
		mounted() {
			axios.get('http://localhost:8080/hospital/homePage/Home/doctor').then(response => {
				this.homeDoctorInfo = response.data.data;
				console.log(this.homeDoctorInfo)
			});

		}
	})
</script>
</html>

